<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <link rel="shortcut icon" href="/juanpao.ico" />
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <title>在线客服系统</title>
    <!--加载引用文件 -->
    {/* 载入框架&插件CSS */}
    {load href="__libs__/layer/skin/layer.css"/}
    {load href="__libs__/amaze/css/amazeui.min.css"/}
    {/* 载入框架&插件JS */}
    {load href="__libs__/jquery/jquery.min.js"/}
    {load href="__libs__/layer/layer.js"/}
    {load href="__libs__/amaze/js/amazeui.min.js"/}
    {/* 载入项目 CSS & JS */}
    {load href="__style__/admin/login.css"/}
    {load href="__style__/admin/reload.css"/}
    {load href="__script__/admin/message.js"/}
    <script type="text/javascript" src="__script__/admin/login.js?v=1.2"></script>
</head>
<style>
    a{
        color: black;
    }
    a:hover{
        color: black;
    }
</style>

<body style="background: rgb(247, 246, 246);">
<div class="header" style="top:0;width:100%;height: 60px;z-index: 10000;box-shadow: 0 0 1px #ccc;background: #fff;">
    <div class="logo" style="position: absolute;left: 120px;top:10px;">
        <a href="https://www.wolive.cc">
            <img src="__image__/index/juanpao_logo.png" width="40px" style="border-radius: 10px;" />
        </a>
    </div>
    <div class="title-name" style="position: absolute;left: 170px;top: 15px;font-size: 20px;">
        <a href="https://www.wolive.cc">客服系统</a>
    </div>
    <div class="connect" style="position: absolute;right: 120px;top: 20px;font-size: 10px;">
     
    </div>
</div>


<div id="login-container" class="container" style="border:1px solid #ddd; box-shadow: rgba(15, 66, 76, 0.25) 0px 0px 24px 0px;margin:0 auto;padding: 10px;background: #fff;border-radius: 8px;max-width: 100%;">
    <div id="login-title">客服登录平台</div>
    <form method="post" action="{$submit}" class="am-form" data-submit data-am-validator>
        <div class="am-form-group am-form-icon">
            <i class="am-icon-user"></i>
            <input type="text" class="am-form-field" name="username" placeholder="用户名" minlength="1" maxlength="16" required/>
        </div>
        <div class="am-form-group am-form-icon am-form-password">
            <i class="am-icon-lock"></i>
            <input type="password" class="am-form-field" name="password" placeholder="密码" minlength="1" maxlength="16" required />
            <i class="am-password-icon am-icon-eye"></i>
        </div>
        <div class="am-form-group am-form-icon">
            <i class="am-icon-key"></i>
            <input type="text" class="am-form-field" name="captcha" placeholder="验证码" minlength="4" maxlength="4" required />
            <img src="{:url('captcha')}" data-captcha="{:url('captcha')}" id="login-captcha" title="不清楚? 点击换一个"/>
        </div>
        <div class="am-form-group am-margin-bottom-0">
            <button type="submit" class="am-btn am-btn-success" id="login-submit">
                <i class="am-icon-sign-in"></i> 登录</button>
        </div>
        <!--<center>没有账号，可以<a style="color: blue;" href="{:url('admin/login/sign')}" style="cursor: pointer;">点击注册</a></center>-->
    </form>
</div>

</body>
</html>

